<template>
	<view class="group_list">
		<view>
			<img :src="item.avatar"></img>
			<p>
				{{item.nick}}
				<span>{{item.level_name||"未知等级"}}</span>
			</p>
		</view>
		<p>
			<b v-if='index==1'>￥<span>{{item.amount}}</span></b>
			<span>{{item.create_time}}</span>
		</p>
	</view>
</template>

<script>
	export default {
		name: "group_list",
		data() {
			return {

			};
		},
		props:['index','item']
	}
</script>

<style lang="less">
	.group_list {
		width: 690rpx;
		height: 132rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #fff;
		border-radius: 20rpx;
		margin: 0 auto 20rpx;
		padding: 16rpx;
		box-sizing: border-box;
		color: #333;

		&>p {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			&>b{
				font-weight: 400;
				font-size: 12px;
				&>span{
					font-size: 20px;
				}
			}
			&>span{
				font-size: 10px;
				color: #9E9E9E;
			}
		}

		&>view {
			display: flex;
			align-items: center;
			
			&>p {
				display: flex;
				flex-direction: column;
				font-size: 15px;
				margin-left: 30rpx;

				&>span {
					font-size: 10px;
					padding: 4rpx 8rpx;
					color: #9E9E9E;
					background: #BFFFD9;
					border-radius: 16rpx;
				}
			}

			&>img {
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;
				border: 1px solid #25721B
			}
		}
	}
</style>